<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			div{
				padding: 6px;
				margin: 10px;
				border: 1px solid blue;
			}
			span{
				margin: 30px;
				border: 1px solid blue;
			}
			img{
				width: 100px;
				margin: 20px;
				
			}
			h2{
				margin: 10px;
			}
		</style>
	</head>
	<body>
		<h2>块级元素默认垂直排版</h2>
		<div>第一个DIV</div>
		<div>第二个DIV</div>
		<h2>行内元素默认横向排版</h2>
		<span>第一个span</span>
		<span>第二个span</span>
		<h2>行内元素横向排列，且可设置宽度以及内、外边距</h2>
		<img src="Image/cat.jpg" alt="图片1">
		<img src="Image/girl.jpg" alt="图片2">
	</body>
</html>
